<!DOCTYPE html>
<html>

<head>
    
    <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="referrer" content="no-referrer">

<meta name="description" content="A new Hugo site.">
<title>
    &lt;strong&gt;Image&lt;/strong&gt; post - Call me Sam
</title>


<link rel="shortcut icon" href="/hugo-theme-sam/sam.ico">








<link rel="stylesheet" href="/hugo-theme-sam/css/main.min.3c9fa6b3264a9f8be4f27730f1d5f0ded496304d03812ed49d97703ffb28122a.css" integrity="sha256-PJ&#43;msyZKn4vk8ncw8dXw3tSWME0DgS7UnZdwP/soEio=" crossorigin="anonymous" media="screen">





<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Didact+Gothic">

<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:image" content="https://victoria.dev/posts/ideas.png"/>

<meta name="twitter:title" content="**Image** post"/>
<meta name="twitter:description" content="Hello! I&rsquo;m a blog post with an image. Thanks to Open Graph and Twitter metadata, external links to this page will feature the image below.
To make this happen, set the images parameter in your post&rsquo;s front-matter, like this YAML example:
images: - /posts/ideas.png "/>

<meta property="og:title" content="**Image** post" />
<meta property="og:description" content="Hello! I&rsquo;m a blog post with an image. Thanks to Open Graph and Twitter metadata, external links to this page will feature the image below.
To make this happen, set the images parameter in your post&rsquo;s front-matter, like this YAML example:
images: - /posts/ideas.png " />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://victoria.dev/hugo-theme-sam/posts/image-post/" />
<meta property="og:image" content="https://victoria.dev/posts/ideas.png" />
<meta property="article:published_time" content="2018-02-19T12:41:46-05:00" />
<meta property="article:modified_time" content="2018-02-19T12:41:46-05:00" /><meta property="og:site_name" content="Call me Sam" />


    

    
    
    
    <title>
        
        &lt;strong&gt;Image&lt;/strong&gt; post
        
    </title>
</head>

<body>
    
    
    <header class="wrap flex-container">
        <h1><strong>Image</strong> post</h1>
    </header>
    
    <main class="wrap">
        
<div class="flex-container">
    <aside role="complementary">
        Mon Feb 19, 2018 &#183; 44 words
        <div class="tag-container">
            
            
            <span class="tag">
                <a href="/hugo-theme-sam/tags/blog/">
                    blog
                </a>
            </span>
            
            
            
            <span class="tag">
                <a href="/hugo-theme-sam/tags/story/">
                    story
                </a>
            </span>
            
            
        </div>
    </aside>
    <hr />
    <article role="article">
        <p>Hello! I&rsquo;m a blog post with an image. Thanks to Open Graph and Twitter metadata, external links to this page will feature the image below.</p>
<p><img src="/posts/ideas.png" alt="Ideas"></p>
<p>To make this happen, set the <code>images</code> parameter in your post&rsquo;s <a href="https://gohugo.io/content-management/front-matter/">front-matter</a>, like this YAML example:</p>
<div class="highlight"><pre style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-yaml" data-lang="yaml"><span style="color:#66d9ef">images</span>:
    - /posts/ideas.png
</code></pre></div>
    </article>
</div>


        
<nav role="navigation" class="flex-container bottom-menu">
    
<hr />
<p>


    
        <a href="/hugo-theme-sam/posts">back</a>
        
            &#183;
        
    

    
        
            <a href="/hugo-theme-sam/posts">posts</a>
        
    
    
        
            &#183; 
            <a href="/hugo-theme-sam/gallery">gallery</a>
        
            &#183; 
            <a href="/hugo-theme-sam/portfolio">portfolio</a>
        
            &#183; 
            <a href="/hugo-theme-sam/about">who is sam?</a>
        
    
    &#183; 
    <a href="/hugo-theme-sam">
        main
    </a>

</p>
</nav>

    </main>
    
    <footer class="flex-container footer">Call me Sam, a theme for Hugo.</footer>
    
    
</body>

</html>